<template>
  <div id="app" style="min-width:1280px;">
    <q-menu></q-menu>
    <div class="wrap">
      <q-header></q-header>
      <router-view class="router-content scrollbar"/>
    </div>
  </div>
</template>

<script>
import qMenu from "components/menu";
import qHeader from "components/header";
import { setTimeout } from 'timers';
export default {
  data() {
    return {};
  },
  components: {
    qMenu,
    qHeader
  },
  created(){
    this.LoadOn();
    setTimeout(() => {
       this.LoadClose();
    }, 3000);

    this.$.get('',{
      params:{
      }
    }).then((res)=>{
      console.log('res is ',res);
      let _res = res.returnData;
      if(+_res.executeResult == 1){
      }else{
        this.alert({
          type: 'warning',
          message:_res.message
        });
        return false;
      }
    });
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
#app {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
}
.wrap {
  flex:1;
  box-sizing: border-box;
}
.router-content{
  width: calc(100% - 40px);
  height: calc(100% - 60px - 40px);
  background-color: #ffffff;
  padding: 20px;
  margin: 20px 20px;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
}
</style>
